<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>X肖战图书网(图书丰富多样,内容多彩多趣)</title>
	<link rel="stylesheet" href="css/bootstrap.min.css">
	<link rel="stylesheet" href="css/base.css">
	<link rel="shortcut icon" href="bitbug_favicon.ico">
	<script src="js/bootstrap.js"></script>
  <script src="js/jquery.js"></script>
  <style>
    #login{
      color: #f00;
    }
  </style>
  <script>
    $(function(){
        if(localStorage.getItem('currentLogin')){
            var currentLogin = JSON.parse(localStorage.getItem('currentLogin'))
             $('#login').html('欢迎你:' + currentLogin.userName)
        }
    })
 </script>
</head>
<body>
	<!-- 1.顶部导航栏 -->
    <nav class="navbar navbar-inverse">
        <div class="container-fluid">
          <!-- Brand and toggle get grouped for better mobile display -->
          <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" 
            data-toggle="collapse" 
            data-target="#myNavbar" aria-expanded="false">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <img src="images/bookTitle.png" alt="" class="head_title">
          </div>
      
          <!-- Collect the nav links, forms, and other content for toggling -->
          <div class="collapse navbar-collapse" id="myNavbar">
            <ul class="nav navbar-nav">
              <li class="active"><a href="#">书海 <span class="sr-only">(current)</span></a></li>
              <li><a href="HomePage.html">首页</a></li>
              <li><a href="SeaofBook.html" target="_blank">图书</a></li>
              <!-- <li><a href="mainPage.html">主页</a></li>
              <li><a href="bookcase.html">书架</a></li> -->
              <li><a href="search.html">搜索</a></li>

            </ul>
            <!-- 右侧输出 -->
            <ul class="nav navbar-nav navbar-right hidden-sm">
              <li><a href="login.html" id="login">登录</a></li>
                <li class="nav navbar-nav navbar-right hidden-sm">
                    <a href="#" class="dropdown-toggle" 
                    data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">关于我们 <span class="caret"></span></a>
                    <ul class="dropdown-menu" aria-labelledby="dLabel">
                        <li class='dropdown-header'><a href="#">小队成员</a></li>
                        <li><a href="#">许华钢</a></li>
                        <li><a href="#">高伟</a></li>
                        <li><a href="#">肖相荣</a></li>
                        <li><a href="#">徐睿彬</a></li>
                        <li><a href="#">杨祥华</a></li>
                    </ul>
                  </li>
              </ul>
          </div>
        </div>
    </nav>
      <!-- 2.中间轮播图 -->
    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators">
          <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
          <li data-target="#carousel-example-generic" data-slide-to="1"></li>
          <li data-target="#carousel-example-generic" data-slide-to="2"></li>
        </ol>
        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          	<div class="item active" style="background-color: #1E4D53;">
            	<img src="images/homepageRandom1.jpg" alt="...">
          	</div>
          	<div class="item" style="background-color: #E7D7CF;">
            	<img src="images/homepageRandom2.jpg" alt="...">
          	</div>
          	<div class="item" style="background-color: #485A80;">
            	<img src="images/homepageRandom3.jpg" alt="...">
          	</div>
        </div>
      
        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
          	<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          	<span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
          	<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          	<span class="sr-only">Next</span>
        </a>
    </div>
    <!-- 书籍 -->
    <div id="body_book_left">
      	<table class="table table-bordered table-striped">
          	<tr><th>热门书籍</th></tr>
          	<tr>
          		<td><a href="http://www.renxingruodian.com/" target="_blank">人性的弱点</a></td>
          	</tr>
          	<tr>
          		<td><a href="https://yuedu.baidu.com/ebook/9a65cac182d049649b6648d7c1c708a1284a0ae9?pn=2" target="_blank">鬼谷子</a></td>
          	</tr>
          	<tr>
          		<td><a href="https://yuedu.baidu.com/ebook/107f30ccb8d528ea81c758f5f61fb7360b4c2b2c?pn=1" target="_blank">墨菲定律</a></td>
          	</tr>
      	</table>
    </div>
    <div id="body_book_right">
    	<table class="table table-bordered table-striped">
        	<tr><th>推荐书籍</th></tr>
        	<tr>
          		<td><a href="http://www.eywedu.net/gtszylcd/index.html" target="_blank">钢铁是怎样炼成的</a></td>
          	</tr>
          	<tr>
          		<td><a href="https://yuedu.baidu.com/ebook/55515da418e8b8f67c1cfad6195f312b3069eb76?pn=7" target="_blank">鲁冰逊漂流记</a></td>
          	</tr>
          	<tr>
          		<td><a href="http://www.purepen.com/hlm/" target="_blank">红楼梦</a></td>
          	</tr>
    	</table>
    </div>
    <!-- 尾部 -->
    <div id="buttom" class="container">
    	<table class="table table-responsive table-bordered">
    		<tr>
    			<td><a href="jianjie.html" target="_blank">网页简介</a></td>
    			<td><a href="aboutus.html" target="_blank">关于我们</a></td>
    			<td><a href="yinsi.html" target="_blank">隐私权政策</a></td>
    		</tr>
    		<tr>
    			<td><a href="HomePage.html" target="_blank">X肖战图书网</a></td>
    			<td>联系我们:2463661768@qq.com</td>
    			<td><a href="property.html" target="_blank">知识产权</a></td>
    		</tr>
    	</table>
    </div>
    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.min.js"></script>
</body>
</html>